<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="./style/weui.css">
    <link rel="stylesheet" href="style/home.css">
</head>
<body>
<div class="wrap">
    <!--头部 begin-->
    <header>
        <div class="title"><h3>资质查询</h3></div>
        <div class="condition">
            <!--菜单 begin-->
            <div class="menu" id="menu">
                <nav>
                    <ul class="menu-nav">
                        <li data-type="ZZ">
                            <p class="child-type">资质类型</p>
                            <p class="demoSpan1"></p>
                        </li>
                        <li data-type="ZY">
                            <p class="child-type">专业类型</p>
                            <p class="demoSpan1"></p>
                        </li>
                        <li data-type="DJ">
                            <p class="child-type">等级</p>
                            <p class="demoSpan1"></p>
                        </li>
                    </ul>
                </nav>
            </div>
            <!--菜单 end-->
            <!--增删查按键 begin-->
            <div class="search">
                <span id="add-condition">+增加条件</span>
                <span id="del-condition" style="display: none;">-删除条件</span>
                <span id="search-condition">搜索</span>
            </div>
            <!--增删查按键 end-->
            <!--菜单信息 begin-->
            <div class="menu-info" style="display: none" id="menu-info">
                <ul id="info-ZZ"></ul>
                <ul id="info-ZY"></ul>
                <ul id="info-DJ"></ul>
            </div>
            <!--菜单信息 end-->
        </div>
    </header>
    <!--头部 end-->
    <!--内容 begin-->
    <div id="result-msg" class="search">
        <!--搜索显示条 begin-->
        <div class="result-search" style="display: none">
            <span>找到相关企业<label class="result-count-label">2333</label>家</span>
            <span id="select-province">全国<i class="demoSpan1"></i></span>
        </div>
        <!--搜索显示条 end-->
        <!--全国显示信息 begin-->
        <div class="province">
            <div id="top_city" class="fr" ></div>
        </div>
        <!--全国显示信息 end-->
        <!--搜索结果列表 begin-->
        <section id="content" style="display: none;">
            <ul></ul>
        </section>
        <!--搜索结果列表 end-->
    </div>
</div>
    <!--内容 end-->
    <!--省份模板 begin-->
    <script type="text/template" id="province-tpl">
        <% _.each(provinceObj, function(item) {%>
            <a href="javascript:;" data-id="<%= item.ProID%>"><%= item.name%></a>
        <%})%>
    </script>
    <!--省份模板 end-->
    <!--搜索结果内容模板 begin-->
    <script type="text/template" id="content-tpl">
        <% _.each(company, function(item) {%>
            <li>
                <div class="company-name"><%= item.companyName%></div>
                <div class="company-type">
                    <% _.each(item.qualificationList, function(items) {%>
                        <p><%= items%></p>
                    <%})%>
                </div>
            </li>
        <%})%>
    </script>
    <!--搜索结果内容模板 end-->
    <script src="./libs/zepto.min.js"></script>
    <script src="./libs/underscore.js"></script>
    <script src="./js/search.js"></script>
</body>
</html>